$(function(){
	// 精选导航显示
	$('.jingxuan').hover(function() {
		$('.subMenu').show();
	}, function() {
		$('.subMenu').hide();

	})

	// 树形菜单显示
	$('h3').click(function() {
		if($(this).parent().find('ul').is(':hidden')) {
			$(this).parent().find('ul').show();
			$(this).addClass('curr');
		} else {
			$(this).parent().find('ul').hide();
			$(this).removeClass('curr');
		}

	})

	// 收起和更多显示
	var flag = true;
	$('.v-show').click(function() {
		if(flag) {
			$(this).find('.s-more').addClass('s-less').removeClass('s-more').html('收起' + '<em></em>');
			$(this).parent().find('.hide').show();
		} else {
			$(this).find('.s-less').addClass('s-more').removeClass('s-less').html('更多' + '<em></em>');
			$(this).parent().find('.hide').hide();

		}
		flag = !flag;
	})

	// 菜单吸顶
	$(window).scroll(function(){
		var _h = $('.r-filter').offset().top;
		var scrollT = $(window).scrollTop();
		if(scrollT>_h){
			$('.fixed').show();
		}else{
			$('.fixed').hide();
		}
	})
})

$(document).ready(function(){
	// 获取json数据
	$.getJSON('../json/pctList.json',function(data){
		var result=data;
		var paglinum = 36;
		//console.log(result)
		var $lis = $('.list-all li');
		
		for(var i=0;i<paglinum;i++){
			$lis.find('.pic').find('img').eq(i).attr({ src: result[i].images, url:result[i].url });		
			$lis.find('strong').eq(i).html(result[i].price);
			$lis.find('.title-a').find('.trackref').eq(i).html(result[i].name)
			$lis.eq(i).attr("id",result[i].id)
			//console.log(result[i].price);
		}		
	})
	//动态创建分页按钮
	$.getJSON('../json/pctList.json',function crePagbtn(data){
			var result = data;
			var paglinum = 36;
			var Pagnum = Math.ceil(result.length / paglinum);
			//console.log(Pagnum);
			var abox = $('.pages .btnas')
			for (var i = 2; i < Pagnum; i++) {
				var aa='';
				var aa=aa+'<a href="javascript:void(0);">';
				var aa=aa+ i;
				var aa=aa+ '</a>';
				$(abox).append(aa)
			 }
			//按钮点击事件
			$('.btnas a').click(function(){
				$('.current').css({"border":"1px solid #dadada",color:"#6b6b6b"})
				$(this).addClass('click').siblings().removeClass('click');
				$(window).scrollTop(0);
				var i =0;
				for (var j = paglinum * ($(this).html()-1); j < paglinum * $(this).html(); j++) {		
					if (result[i]) {
	                   $('.list-all li').find('.pic').find('img').eq(i).attr({ src: result[j].images, url:result[j].url });	  
	                }
	                i++;
	            }
			})
			//下一页点击事件
			$('.next').click(function(){
				var nextnum = $('.btnas a[class]').html();
				$('.current').css({"border":"1px solid #dadada",color:"#6b6b6b"})
				$('.btnas a').eq(nextnum-1).addClass('click').siblings().removeClass('click');			
				for (var j = 0; j < paglinum; j++) {
					var k = nextnum*paglinum+j;
					//console.log(k)
					if (result[j]) {
	                   $('.list-all li').find('.pic').find('img').eq(j).attr({ src: result[k].images, url:result[k].url });	  
	                }
	            }			
			})
	})
		
})
